vertical-align : 实现文字，表单图片的对齐方式。（行内块元素）
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>鼠标样式与轮廓线及垂直对齐</title>
	<style>
		input {
			/* 去掉轮廓线：鼠标点到输入框里，出现的边框 */
			outline: none;
		}

		textarea {
			width: 500px;
			height: 249px;
			/* 取消轮廓线 */
			outline: none;
			/* 默认还剩下一个 黑色边框线，我们改变为红色 */
			border: 1px solid red;

			/* 右下角有个拖拽， 防止用户拖拽 */
			resize: none;

			/* 让文本框( 或者是图片的中线对准文字的中线 垂直居中 ) */
			vertical-align: middle;

			/* 顶对齐 */
			vertical-align: top;
		}

		.kongxi {
			border: 1px solid black;
			/* 去掉图片底部空白间隙 */
		}

		.kongxi {
			/* 去掉图片底部空白间隙, 只要不是基线对齐，都可以解决底部有空白缝隙 */

			vertical-align: bottom;
		}

	</style>
</head>
<body>
	<li style="cursor: default;">默认的</li>
	<li style="cursor: pointer;">小手</li>
	<li style="cursor: move;">移动</li>
	<li style="cursor: text;">文本</li>
	<li style="cursor: not-allowed;">禁止</li>

	<input type="text"><br>
	<textarea name="textarea" id="" cols="30" rows="10" >请留言 </textarea> 默认文字向下 基线对齐

	<div class="kongxi">
		<img src="kongxi.png" alt="" style="vertical-align: bottom;">  haha
	</div>
</body>
</html>